<!-- http://docs.djangoproject.com/en/1.3/topics/templates/ -->
{% extends "include/embed.html" %}

{% block title %}Dashboard Embed{% endblock %}


{% block style %}
/* TODO consolidate with dashboard css */
body {background-color:transparent;}
#persistent0 { position:fixed; width: 100%; z-index: 100;  }
#content { padding-top: 270px; }
#widget-tabs { height: 30px; background-color: #52514f; position:fixed; top: 80px; width: 100%; z-index: 100; border-top: 1px solid #878787; }
#widget-category-bg { height: 140px; width: 100%;background-color: #1f1c19; position:fixed; top: 110px;  z-index: 98;  }
.widget-category { height: 140px;  width: 100%; position:fixed; top: 110px;  z-index: 99;  }
.widget-category-tab {  list-style-type:none; float:left; padding:10px 20px; height:10px; text-transform: uppercase; font-weight: bold; text-tracking: 1px; border-left: 1px solid #777;  border-right: 1px solid #444; }
.widget-category-tab.selected {background-color: #A8C582; border-right: none;}
.widget-category-tab a { color: #B4B4B4; text-decoration:none; }
.widget-category-tab.selected a{ color:#444;}
.widget-def { position:relative; float: left; width: 110px; height: 110px;  margin: 15px 10px 0px 0px; 
    background: url(/static/image/widget_google_analytics.png);  }
.widget-def-label { position:absolute;bottom:5px;left:5px; width:90%;}


#grid { height: 1000px; background-color: #F7F5F1; }

#dashboards { height: 30px; }
.dashboard-tab { 
	cursor:default; 
	height: 20px; 
	border: 1px solid #bbb;  
	border-bottom: none; 
	float:left; 
	padding: 5px 25px 0px 5px; 
	margin-right: 5px;
	background-color:#999; 
}
.widget-grid-cell{ background-color:#fcfcfc; 
    border-radius: 10px; 
    border: 1px solid #ccc; }
.widget-grid-cell .ui-icon { background: url(/static/image/blank.png); }
.cell-selected {background-color:#fff;}
.bgcell { border: 1px solid #E7E7E7; }
.ui-over { background-color: #f0f0f0; }
.widget-drag-handle {  
    width: 100%; height: 11px; 
    border-top-left-radius: 10px; border-top-right-radius: 10px; 
    background-color: #A8C582;
    border-bottom: 1px solid #999; }
.widget-title { font-family: Georgia; font-size: 16px; color: #777;}
.widget-action-bar { width: 100%; border-top: 1px solid #ccc; }
.widget-action-text a { font-family: Georgia; font-size: 13px; }
.widget-edit-button { width:10px; height: 5px; background: url(/static/image/edit_widget_button.png); }
.widget-props-panel { 
    background-color: #83C1BE;
    border-radius: 10px;  }
.widget-props { margin: 40px 10px 20px 10px; }
.widget-delete-button { width:13px; height: 13px; background: url(/static/image/widget_close_button.png); }
.widget-done-button { width:75px; height: 33px; background: url(/static/image/widget_done_button.png); }

ul {
  padding:0;
  margin:0;
}

/* resizable overrides! */
.ui-bordered { border: 1px solid #bbb; }
.ui-resizable-helper { border: 1px dotted #444; }
.ui-resizable-e { width: 0px; right: 0px; }
.ui-resizable-s { width: 0px; right: 0px; }

{% endblock %}

{% block document_ready %}
   {% if logged_in %}
    $.dashboard_embed_init({{data.dashboard_json}},{{data.widgets_json}});
   {% endif %}
{% endblock %}


{% block content %}
<div id="d"></div>
    
{% endblock %}
